<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>H+ 题库</title>
    <meta name="keywords" content="">
    <meta name="description" content="">


    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">

    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">
    <link href="css/wode.css?v=4.1.0" rel="stylesheet">
    <link href="css/wode_unfinished.css?v=4.1.0" rel="stylesheet">
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-3">
            <div class="ibox">
                <div class="ibox-head1">
                    <img src="img/111.jpg">
                    <div class="uname">小三说我帅</div>
                    <div class="signature">我最帅我最帅我最帅</div>
                    <div class="wode-list">
                        <div class="pull-left wode-list-block">
                            <div class="title">做题</div>
                            <div class="content">444444</div>
                        </div>
                        <div class="pull-left wode-list-block">
                            <div class="title">做题</div>
                            <div class="content">44444</div>
                        </div>
                        <div class="pull-left wode-list-block">
                            <div class="title">做题</div>
                            <div class="content">4444</div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="space-25"></div>
                <div class ="ibox-list">
                    <div class="wode-element on">
                        <a href="mailbox.html">
                            <i class="fa fa-inbox "></i> <span class="title">我的报告</span>
                            <div class="label label-warning pull-right xhd"></div>
                        </a>
                    </div>

                    <div class="wode-element on">
                        <a href="mailbox.html">
                            <i class="fa fa-inbox "></i> <span class="title">错题集</span>
                            <span class=" label label-warning pull-right xhd">16</span>
                        </a>
                    </div>
                    <div class="wode-element">
                        <a href="mailbox.html">
                            <i class="fa fa-inbox "></i> <span class="title">笔记</span>
                            <span class=" label label-warning pull-right xhd">16</span>
                        </a>
                    </div>
                    <div class="wode-element">
                        <a href="mailbox.html">
                            <i class="fa fa-inbox "></i> <span class="title">未完成</span>
                            <div class="label label-warning pull-right xhd">16</div>
                        </a>
                    </div>

                </div>
            </div>
        </div>


        <div class="col-sm-9 animated fadeInRight">

            <div class="row">

                <div class="col-sm-4">
                    <div class="contact-box">
                        <div class="col-sm-12">
                            <h3><strong>2017年下半年系统架构师</strong></h3>
                            <p><i class="fa fa-map-marker"></i> 高级·系统架构师</p>
                            <p>2017年下半年的考试的架构师2017年下半年的考试的架构师<br></p>
                        </div>

                        <div class="col-md-12">
                            <div>
                                <div>
                                    <span class="text-navy">完成</span>
                                    <small class="pull-right">10/200</small>
                                </div>
                                <div class="progress progress-small">
                                    <div style="width:90%;" class="progress-bar "></div>
                                </div>
                            </div>
                        </div>
                        <div  class="row">
                            <div class="col-sm-8" style="float: right">
                                <div class="btn btn-default width-size-percent49 fl">放弃</div>
                                <div class="btn btn-primary width-size-percent49 fr">开始做题</div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>

            </div>

        </div>
    </div>
</div>

<!-- 全局js -->
<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/bootstrap.min.js?v=3.3.6"></script>

<!-- ECharts -->
<script src="js/plugins/echarts/echarts-all.js"></script>

<script>
    $(document).ready(function () {

    });
</script>

</body>

</html>
